<template>
  <div>
    <!-- ===============服务理念======================== -->

    <!-- ---------------背景图片1----------------------- -->
    <div class="banner">
      <!-- <img src="../../src/assets/img_women/qiye/BJ_01.jpg" alt="" /> -->
    </div>
    <!-- -------------导航栏-------------------- -->
    <div class="nav-bj">
      <div class="nav">
        <ul>
          <li  @click="$router.push('/home/women')">企业介绍</li>
          <li  class="active" @click="$router.push('/home/fuwu')">服务理念</li>
          <li  @click="$router.push('/home/guoji')">国际战略</li>
          <li  @click="$router.push('/home/fenzhi')">分支机构</li>
          <li  @click="$router.push('/home/shipin')">食品安全</li>
        </ul>
      </div>
    </div>
    <!-- -------------版心-------------------- -->

    <div class="center">
      <!-- ----------面包屑导航--------- -->
      <el-breadcrumb separator-class="el-icon-arrow-right" class="bum">
        <el-breadcrumb-item>您现在所在的位置</el-breadcrumb-item>
        <el-breadcrumb-item>首页</el-breadcrumb-item>
        <el-breadcrumb-item>我们</el-breadcrumb-item>
        <el-breadcrumb-item>服务理念</el-breadcrumb-item>
      </el-breadcrumb>

      <!-- ----------------服务理念------------------ -->
      <div class="DuanLuo">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="c2" src="../../assets/img_women/fwln/fwln_01.jpg" />
      </div>
      <p>“厚道做人，地道做事，成人达己，追求卓越”是稻香村集团的品牌精神，也是稻香村集团的服务理念。这不仅仅是一句标语，一句口号，也是稻香村人做人做事的原则和标准。</p>

      <!-- ----------------厚道做人------------------ -->
      <div class="DuanLuo">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="c2" src="../../assets/img_women/fwln/hdzr.jpg" />
      </div>
      <p>厚道做人，使得稻香村集团从不在背后诋毁任何同行品牌，帮助同行竞争企业度过一个个难关，致力于把稻香村品牌做大做强走向世界。</p>

      <!-- ----------------地道做事 ------------------ -->
      <div class="DuanLuo">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="c2" src="../../assets/img_women/fwln/ddzs.jpg" />
      </div>
      <p>稻香村集团将每个产品的质量严格把控，保证产品质量安全。对于每个消费者都百分用心，提供优质的服务。</p>
      
      <!-- ----------------成人达己 ------------------ -->
      <div class="DuanLuo">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="c2" src="../../assets/img_women/fwln/crdj.jpg" />
      </div>
      <p>每一位稻香村集团的员工都愿意在自我成功的道路上为别人付出更多，帮助他人，成全自己。</p>

      <!-- ----------------追求卓越 ------------------ -->
      <div class="DuanLuo">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="c2" src="../../assets/img_women/fwln/zqzy.jpg" />
      </div>
      <p>追求卓越，更是让稻香村集团的行业高度更上一层楼，追求卓越的不仅是产品品质，更是追求卓越人格与品德的道理！也正是这种为人做事厚道真诚才能打动亿万消费者，换来他们的支持与真情。</p>

    </div>
  </div>
</template>

<script>
import "@/assets/css_women/base.css";
import "@/assets/css_women/reset.css";
export default {
  data() {
    return {
      activeIndex: "1",
      num: 1,
    };
  },
};
</script>

<style lang="scss" scoped>
// --------------背景 ----------------
.banner {
  width: 100%;
  height: 600px;
  background-image: url(../../assets/img_women/qiye/BJ_01.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
//---------------导航栏 ----------------
.nav-bj {
  background-color: #e6dfc9;
  .nav {
    width: 1200px;
    margin: 0 auto;
    > ul {
      display: flex;
      height: 52px;
      font-size: 20px;

      > li {
        height: 100%;
        width: 160px;
        line-height: 52px;
        &.active {
          background-color: #ceaf59;
          color: #fff;
        }
        &:hover {
          background-color: #ceaf59;
          color: #fff;
        }
      }
    }
  }
}

//---------------版心 ----------------
.center {
  width: 1200px;
  margin: 0 auto;
  > .bum {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
  }

  //---------------文字段落 ----------------
  > p {
    color: #664f10;
    text-align: center;
    width: 1100px;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 80px 50px;
  }
  //--------------- (段落图文字) ----------------
  > .DuanLuo {
    position: relative;
    margin-top: 25px;
    margin-bottom: 35px;
    > .c1 {
      position: absolute;
      top: 55px;
      left: 37%;
    }
    > .c2 {
      position: absolute;
      top: 60px;
      left: 42%;
    }
    >.bj2 {
      width: 1200px;
    }
  }
}
</style>